<template>
    <div class="modal fade mileageDetail" id="mileageDetail" tabindex="-1" role="dialog"
         aria-labelledby="drivingDetail">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">操作明细</h4>
                </div>
                <div class="modal-body">
                    <p class="btn-p">
                        <button class="btn btn-success">导出</button>
                    </p>
                    <div class="table">
                        <table>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>设备名称</th>
                                <th>车牌号</th>
                                <th>日期</th>
                                <th>开始里程(km)</th>
                                <th>开始里程(km)</th>
                                <th>行驶里程(km)</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>tracker123</td>
                                <td>粤B888888</td>
                                <td>急转弯</td>
                                <td>200km/h</td>
                                <td>2017-06-05 15:56:45</td>
                                <td>2017-06-07 15:23:45</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <p>
                        显示
                        <span>1</span>
                        到
                        <span>6</span>
                        条记录，共
                        <span>8</span>
                        条记录
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

</script>

<style scoped>
    .mileageDetail .modal-header{
        padding: 0 30px;
        background: #1E282D;
        border-radius: 6px 6px 0 0;
    }
    .mileageDetail .close{
        color: #fff;
        font-size: 0.3rem;
        margin-top: 24px;
    }
    .mileageDetail .modal-title{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.16rem;
        color: #fff;
    }
    .mileageDetail .btn-p{
        text-align: right;
    }
    .mileageDetail .table{
        height: 340px;
    }

</style>
